<%@ page language="java"  pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="resources/css/reset.css" />
<link rel="stylesheet" type="text/css" href="resources/css/style.css"
	media="screen" />
<link rel="stylesheet" type="text/css"
	href="resources/css/style_full.css" />
<link id="color" rel="stylesheet" type="text/css"
	href="resources/css/colors/blue.css" />
<!-- scripts (jquery) -->
<script src="resources/scripts/jquery-1.4.2.min.js"
	type="text/javascript"></script>
	<script src="resources/scripts/jquery-1.8.2.js"
	type="text/javascript"></script>
<!--[if IE]><script language="javascript" type="text/javascript" src="resources/scripts/excanvas.min.js"></script><![endif]-->
<script src="resources/scripts/jquery-ui-1.8.custom.min.js"
	type="text/javascript"></script>
<script src="resources/scripts/jquery.ui.selectmenu.js"
	type="text/javascript"></script>
<!-- <script src="resources/scripts/jquery.flot.min.js"
	type="text/javascript"></script> -->
<script src="resources/scripts/tiny_mce/jquery.tinymce.js"
	type="text/javascript"></script>
<!-- scripts (custom) -->
<script src="resources/scripts/smooth.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.menu.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.table.js" type="text/javascript"></script>
<script src="resources/scripts/smooth.autocomplete.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		style_path = "resources/css/colors";

		$("#date-picker").datepicker();

		$("#box-tabs, #box-left-tabs").tabs();
	});
	$(function() {
		$.ajax({ //请求登录处理页
			url : "json/report!load", //登录处理页
			tppe : "get",
			dataType : "json",
			async : true,
			//传送请求数据
			success : function(data) { //登录成功后返回的数据
				//根据返回值进行状态显示
				$.each(data.data,function(i,v){
				$("tbody").append("<tr>"+
				"<td>"+v.id+"</td>"+
				"<td>"+v.user.id+"</td>"+
				"<td>"+v.content+"</td>"+
				"<td>"+v.question+"</td>"+
				"<td>"+v.solution+"</td>"+
				"<td>"+v.nextplan+"</td>"+
				"<td>"+v.date+"</td>"+
				"</tr>");  
				});
			}
		});
	});
</script>
<title>周报列表</title>
</head>
<body>
	<!-- content -->
	<div id="right">
		<!-- table -->
		<div class="box">
			<!-- box / title -->
			<div class="title">
				<h5>周报列表</h5>
				<div class="search">
					<form action="#" method="post">
						<div class="input">
							<input type="text" id="search" name="search" />
						</div>
						<div class="button">
							<input type="submit" name="submit" value="Search" />
						</div>
					</form>
				</div>
			</div>
			<!-- end box / title -->
			<s:debug></s:debug>
			<div class="table">
				<form action="" method="post">
					<table>
						<thead>
							<tr>
								<th>序号</th>
								<th>负责人</th>
								<th>上周进度</th>
								<th>问题与难点</th>
								<th>解决方案</th>
								<th>下周计划</th>
								<th>上交日期</th>
								<!-- <th class="selected last"><input type="checkbox"
									class="checkall" /></th> -->
							</tr>
						</thead>
						<tbody>
							<tr>
								<!-- <td class="title">24" LED Monitor</td>
								<td class="price">$110.00</td>
								<td class="date">April 25th, 2010 at 4:15 PM</td>
								<td class="category">Monitors</td>
								<td class="selected last"><input type="checkbox" /></td> -->
							</tr>
						</tbody>
					</table>
					<!-- pagination -->
					<div class="pagination pagination-left">
						<div class="results">
							<span>导出</span>
						</div>
						<ul class="pager">
							<li class="disabled">&laquo; prev</li>
							<li class="current">1</li>
							<li><a href="">2</a>
							</li>
							<li><a href="">3</a>
							</li>
							<li><a href="">4</a>
							</li>
							<li><a href="">5</a>
							</li>
							<li class="separator">...</li>
							<li><a href="">20</a>
							</li>
							<li><a href="">21</a>
							</li>
							<li><a href="">next &raquo;</a>
							</li>
						</ul>
					</div>
					<!-- end pagination -->
					<!-- table action -->
					<div class="action">
						<select name="action">
							<option value="" class="locked">Set status to Deleted</option>
							<option value="" class="unlocked">Set status to
								Published</option>
							<option value="" class="folder-open">Move to Category</option>
						</select>
						<div class="button">
							<input type="submit" name="submit" value="Apply to Selected" />
						</div>
					</div>
					<!-- end table action -->
				</form>
			</div>
		</div>
		<!-- end table -->
	</div>
</body>
</html>